<script setup lang="ts">
import Layout from './components/Layout/index.vue'
import ServerCurrent from "./components/server/ServerCurrent.vue"
import Menu from "./components/menu/index.vue"
</script>

<template>
  <div class="index-page">
    <Layout>
      <template #sider>
        <div class="index-page__sider w-full h-screen bg-[#fafafa] flex flex-col">
          <div class="index-page__sider__top">
            <ServerCurrent/>
          </div>
          <n-scrollbar class="index-page__sider__menu flex-1">
            <Menu/>
          </n-scrollbar>
        </div>
      </template>
      <template #default>
        <div class="index-page__content w-full h-screen">
          <router-view/>
        </div>
      </template>
    </Layout>
  </div>
</template>

<style scoped>

</style>
